<template>
  <div>
    <el-dialog
      title="预约占位"
      :visible.sync="appoDetailSeatVisible"
      :destroy-on-close="true"
      width="60%"
      class="ky-dialog">
      <div class="appoDetailSeat-wrap">
        <el-table
          :data="tableDataAppoDetailSeat"
          class="ky-table ky-table-sm"
          border
          v-loading="appoDetailSeatLoading"
          style="width: 100%">
          <el-table-column prop="num" label="预约号码"></el-table-column>
          <el-table-column prop="time" label="预约时间"></el-table-column>
          <el-table-column prop="status" label="预约状态"></el-table-column>
          <el-table-column prop="chanel" label="预约来源"></el-table-column>
          <el-table-column prop="check" label="检查项目"></el-table-column>
          <el-table-column prop="patName" label="患者姓名"></el-table-column>
          <el-table-column prop="mobile" label="联系方式"></el-table-column>
        </el-table>
        <paginationCont
          :total="totalCount"
          :page.sync="currentPage"
          :limit.sync="pageSize"
          @pagination="getlist"
        />
      </div>
      <span slot="footer" class="">
        <el-button size="mini" @click="appoDetailSeatVisible = false">关闭</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import paginationCont from '@/components/Pagination/index'
export default {
  components: { paginationCont },
  data() {
    return {
      // 预约详情
      appoDetailSeatVisible: false,
      appoDetailSeatLoading: false,
      totalCount: 2,
      pageSize: 10,
      currentPage: 1,
      tableDataAppoDetailSeat: [
        {
          num: 'A 001',
          time: '10:00',
          status: '已预约',
          chanel: '公众号',
          check: '增强CT',
          patName: '豆豆',
          mobile: '18055252552'
        }, {
          num: 'A 002',
          time: '10:00',
          status: '已预约',
          chanel: '公众号',
          check: '增强CT',
          patName: '豆豆',
          mobile: '18055252552'
        }
      ]
    }
  },
  methods: {
    init(data) {
      console.log('appoInfoDetail:===', data)
      this.appoDetailSeatVisible = true
    },
    // 获取预约详情
    getlist() {
      console.log('getlist:====', '获取预约详情')
    }
  }
}
</script>

<style lang="scss" scoped>
.appoDetailSeat-wrap{
  padding: 15px 15px 0;
  .page_wrap{
    text-align: left;
  }
}
</style>
